<template>
  <div class="page">
    <Tabs v-model="tableValue" :animated="false">
      <TabPane :label="$t('notice.logisticsInformation')" name="activity">
      </TabPane>
      <TabPane :label="$t('notice.activityColumn')" name="logistics">
      </TabPane>
      <TabPane :label="$t('notice.other')" name="others">
      </TabPane>
    </Tabs>
    <activity v-show="tableValue == 'activity'"></activity>
    <logistics v-show="tableValue == 'logistics'"></logistics>
    <others v-show="tableValue == 'others'"></others>
  </div>
</template>

<script>
import {contentList} from "@/api/content";
import TLoading from "@/components/t-loading";
import Others from "@/views/main/notice/components/others";
import Activity from "@/views/main/notice/components/activity";
import Logistics from "@/views/main/notice/components/logistics";

export default {
  components: {Logistics, Activity, Others, TLoading},
  data () {
    return {
      tableValue: 'activity',
      loading: false,
      dataList: []
    }
  },
  methods: {
    getHelpContentList() {
      // 帮助中心
      this.loading = true;
      contentList({
        position: 'Novice'
      }).then((res)=>{
        this.loading = false;
        this.dataList = res.result
      }).catch(()=>{
        this.loading = false;
      })
    }
  }
}
</script>

<style scoped lang="less">
.page {
  width: 1200px;
  margin: 50px auto;
}
</style>